<template>
  <div class="content bg">
    <!-- 全屏容器 -->
    <dv-full-screen-container>
      <dv-loading v-if="loding">Loading...</dv-loading>
      <div v-else>
        <!-- 标题部分 -->
        <ModuleTitle />
        <!-- 三行三列 -->
        <ModuleMain />
        <!-- 二行二列 -->
        <ModuleThird />
      </div>
    </dv-full-screen-container>
  </div>
</template>

<script>
import ModuleTitle from "./ModuleTitle.vue";
import ModuleMain from "./ModuleMain.vue";
import ModuleThird from "./ModuleThird.vue";

export default {
  name: "HomeView",
  components: {
    ModuleTitle,
    ModuleMain,
    ModuleThird,
  },
  data() {
    return {
      loading: true,
    };
  },
  methods: {
    cancelLoading() {
      setTimeout(() => {
        this.loading = false;
      }, 2000);
    },
  },
  mounted() {
    this.cancelLoading();
  },
};
</script>

<style lang="scss" scoped>
</style>